<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>TEG辰星计划</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="stylesheet" href="resource/tbd-design/css/tbd-index.css">
    <link rel="stylesheet" href="resource/imgcache/css/global.css">
    <link rel="stylesheet" href="resource/imgcache/css/others.css">
    <script src="scripts/libs/jquery/jquery.min.js"></script>

</head>

<body>
    <!-- 自适应布局 start -->
    <div id="mainDiv" class="gui-layout new">
        <!-- 侧边栏 start -->
        <div id="sidebar" class="gui-layout-sidebar">
            <h2 class="sidebar-title">
                <a href="/" class="logo"><img src="/resource/imgcache/images/Octocat.png" alt=""></a>
                <span class="name" id="businessName">辰星计划</span>
            </h2>
            <ul class="gui-sidebar-menu" id="siderbarMenu">
                <ul class="gui-sidebar-menu-second">
                    <li>
                        <a class="jump" href="#dashboard" menunum="06">
                            <i class="a-icon gui-fi-person gui-fi-person"></i> 我的工作台
                        </a>
                    </li>
                </ul>

                <li>
                    <a href="javascript:;">数据处理</a>

                    <ul class="gui-sidebar-menu-second">

                        <li class="has-sub level2">
                            <a href="javascript:;">
                                <i class="a-icon gui-fi-chart gui-fi-toolbar"></i>运营管理
                                <i class="arrow"></i>
                            </a>
                            <ul class="gui-sidebar-menu-third">

                                <li>
                                    <a class="jump" href="#taskManage" menunum="010401">
                                任务运行管理
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#monitor" menunum="010402">
                                监控
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#diagnosis" menunum="010403">
                                诊断
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#alerts" menunum="010404">
                                告警
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#backup" menunum="010405">
                                备份
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#file" menunum="010406">
                                上传文件管理
                            </a>
                                </li>

                            </ul>
                        </li>


                    </ul>
                </li>



                <li>
                    <a href="javascript:;">系统管理</a>

                    <ul class="gui-sidebar-menu-second">


                        <li>
                            <a class="jump" href="#system" menunum="0301">
                                <i class="a-icon gui-fi-person gui-fi-group"></i> 系统配置
                            </a>
                        </li>



                        <li class="has-sub level2">
                            <a href="javascript:;">
                                <i class="a-icon gui-fi-chart gui-fi-report-setting"></i>系统运维
                                <i class="arrow"></i>
                            </a>
                            <ul class="gui-sidebar-menu-third">

                                <li>
                                    <a class="jump" href="#stepindex" menunum="030201">
                                组件部署
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#resource" menunum="030202">
                                资源管理
                            </a>
                                </li>

                                <li>
                                    <a class="jump" href="#accesscontrol" menunum="030203">
                                访问管理
                            </a>
                                </li>

                            </ul>
                        </li>



                        <li>
                            <a class="jump" href="#overview" menunum="0303">
                                <i class="a-icon gui-fi-person gui-fi-person-setting"></i> 系统总览
                            </a>
                        </li>


                    </ul>
                </li>

                <li>
                    <a href="javascript:;">用户管理</a>

                    <ul class="gui-sidebar-menu-second">
                        <li>
                            <a class="jump" href="#usermanage" menunum="0403">
                                <i class="a-icon gui-fi-person "></i> 管理员配置
                            </a>
                        </li>
                        <li>
                            <a class="jump" href="#usermanage" menunum="0403">
                                <i class="a-icon gui-fi-person "></i> 用户管理
                            </a>
                        </li>


                    </ul>
                </li>

            </ul>
        </div>
        <!-- 侧边栏 end -->

        <!-- 主内容 start -->
        <div class="layout-main">
            <div id="header">
                <div class="gui-layout-mheader">
                    <div class="fl">
                        <a href="javascript:;" class="mheader-link sidebar-trigger"><i class="gui-fi-line"></i></a>

                        <div class="tbd-dropdown-wrap project-trigger" id="headerProjectList" style="display: none;">
                            <!-- 要打开下拉菜单加上 tbd-dropdown-wrap-open -->
                            <a href="javascript:;" class="tbd-dropdown-link" title="hsf_flow">
                                <span>hsf_flow</span>
                                <i class="tbdi tbdi-down"></i>
                            </a>
                            <!-- select 下拉选项 -->
                            <div class="tbd-dropdown">
                                <ul class="tbd-dropdown-menu">
                                    <li class="tbd-dropdown-menu-item" title="test项目<u>xss</u><!--"> test项目&lt;u&gt;xss&lt;/u&gt;&lt;!-- </li>
                                    <li class="tbd-dropdown-menu-item" title="hsf_flow"> hsf_flow </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="fr">
                        <div class="user-info">
                            <a href="javascript:;"><span id="username">xxxx</span><i class="trigger gui-fi-angle-down"></i></a>

                            <!--<ul class="gui-dropdown-menu">
                                <li><a href="javascript:;">个人中心</a></li>
                                <li id="modpwd">修改密码</li>
                                <li id="logout">登出</li>
                            </ul>-->
                        </div>
                        <span class="gui-line">|</span>
                        <a href="/cgi/logout.php" class="mheader-link"  > 注销</a>

                    </div>
                    <div class="gui-notice">
                		<i class="gui-fi-notice notice-icon"></i>
                		<ul class="list">
                			<li class="">
                                <a href="javascript:;">大家好，我们是第一组！</a>
                            </li>
                			<li class="">
                                <a href="javascript:;">感谢腾讯学院组织这么好的项目，并且很荣幸能参加这个项目。</a>
                            </li>
                			<li class="">
                                <a href="javascript:;">感谢各位讲师的精彩分享。</a>
                            </li>
                			<li class="current">
                                <a href="javascript:;">感谢geffzhang老师的指导。</a>
                            </li>
                			<li class="">
                                <a href="javascript:;">感谢各组小伙伴的精彩分享。</a>
                            </li>
                		</ul>
                	</div>
                </div>
            </div>
            <div id="body">
                <!-- 公用面包屑 start -->
                <div class="gui-crumb">
                    <span class="crumb-item usercenter_init_check">管理中心</span>
                </div>
                <!-- 公用面包屑 end -->
                <div class="layout-main-cnt pg-user-center2">
                    <!-- 每个页面具体的样式 -->
                    <div class="cnt-inner">
                        <!-- 个人基本信息 end -->

                        <!-- 子选项卡切换的内容 start -->

                        <div class="tbd-tabs tbd-tabs-top tbd-tabs-card">
                            <div class="tbd-tabs-bar">
                                <div class="tbd-tabs-extra-content"> </div>
                                <div class="tbd-tabs-nav-container">
                                    <div class="tbd-tabs-nav-wrap">
                                        <div class="tbd-tabs-nav-scroll">
                                            <div class="tbd-tabs-nav" style="left:0">
                                                <div class="tbd-tabs-tab tbd-tabs-tab-active">
                                                    <div class="tbd-tabs-tab-inner">系统列表</div>
                                                </div>
                                               <!-- <div class="tbd-tabs-tab">
                                                    <div class="tbd-tabs-tab-inner">审批单(0)</div>
                                                </div>
                                                <div class="tbd-tabs-tab">
                                                    <div class="tbd-tabs-tab-inner">我的申请</div>
                                                </div>
                                                <div class="tbd-tabs-tab">
                                                    <div class="tbd-tabs-tab-inner">我的角色</div>
                                                </div>-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab_message" class="tbd-tabs-content ">
                                <div>
                                    <div class="tbd-form-inline clearfix">
                                        <div class="pull-left">
                                            <div class="tbd-form-item">
                                                <div style="width: 200px;" class="tbd-input-wrap tbd-input-wrap-search">
                                                    <input type="text" placeholder="查找消息" class="tbd-input">
                                                    <button class="tbd-input-wrap-extra"><i class="tbdi tbdi-search"></i></button>
                                                </div>
                                            </div>
                                            <div class="tbd-form-item">
                                              <button class="tbd-btn tbd-btn-primary" id="addUser">新增</button>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="tbd-table message-list">
                                        <div class="tbd-table-body">
                                            <table id="configlist">
                                                <colgroup>
                                                    <col width="50">
                                                    <col>
                                                    <col width="150">
                                                </colgroup>
                                                <thead>
                                                    <tr>
                                                        <th>
                                                            <label class="tbd-label">
                                                                <span class="tbd-checkbox"></span>
                                                            </label>
                                                        </th>
                                                        <th>系统</th>
                                                        <th>描述</th>
                                                        <th>授权用户</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                   <!-- <div class="tbd-pagination" current="1">
                                        <div class="tbd-pagination-records"> 共<em>3</em>条记录，每页显示
                                            <div class="tbd-select  "> <span class="tbd-select-selection tbd-select-selection-single"> <span class="tbd-select-selection-rendered"> 10 </span> <span class="tbd-select-arrow"></span> </span>
                                                <div class="tbd-dropdown">
                                                    <ul class="tbd-dropdown-menu">
                                                        <li class="tbd-dropdown-menu-item " title=" 5 "> 5 </li>
                                                        <li class="tbd-dropdown-menu-item tbd-dropdown-menu-item-active" title=" 10 "> 10 </li>
                                                        <li class="tbd-dropdown-menu-item " title=" 15 "> 15 </li>
                                                    </ul>
                                                </div>
                                            </div> 条 </div>
                                        <div class="tbd-pagination-btns">
                                            <a class="tbd-pagination-btns-first" href="javascript:void(0);"></a>
                                            <a class="tbd-pagination-btns-prev" href="javascript:void(0);"></a> <a href="javascript:void(0);" class="tbd-pagination-btns-active">1</a>
                                            <a class="tbd-pagination-btns-next" href="javascript:void(0);"></a>
                                            <a href="javascript:void(0);" class="tbd-pagination-btns-last"></a> <span class="tbd-pagination-btns-records">共<em>1</em>页</span> </div>
                                    </div>
                                    -->



                                </div>


                            </div>
                        </div>

                        <!-- 子选项卡切换的内容 end -->

                    </div>
                </div>
            </div>
        </div>
        <!-- 主内容 end -->

    </div>

    <!-- 自适应布局 end -->
</body>

<script type="text/javascript" src="scripts/cas/js/user.js"></script>
<script type="text/javascript" src="scripts/cas/js/config.js"></script>
<script>
    $(document).ready(function() {
        getallconfig();
    });
    $('#addUser').bind('click', function() {
        window.location.href = '/editconfig.html';
    });
</script>
<script type="text/javascript">
    $('li.level2').bind('click', function(){
        if($(this).hasClass('active')) {
            $(this).removeClass('active');
        } else {
            $(this).addClass('active');
        }
    });
    //滚动公告
    noticeScroll();

    function noticeScroll(selector) {
    	var $notice = $('.gui-notice'),
    			$list,
    			$item,
    			length,
    			margin,
    			cur = 0,
    			intervalId,
    			time = 2000;

    	if (selector) {
    		$notice = $(selector);
    	}

    	$list = $notice.find('.list');
    	$item = $list.children();
    	length = $item.length;
    	margin = $item.outerHeight();

    	if (length < 2) {
    		return;
    	}

    	change();
    	intervalId = setInterval(change, time);

    	$notice.on('mouseover', function() {
    		clearInterval(intervalId);
    	}).on('mouseleave', function() {
    		intervalId = setInterval(change, time);
    	});

    	function change() {
    		if (cur > length - 1) {
    			cur = 0;
    		}
    		$item.removeClass('current');
    		$item.eq(cur).addClass('current');
    		cur++;
    	}
    }
</script>
</html>
